/* 第一件事：css编码集:"utf8"加载成utf-8 */
@charset "utf8";
/* 效果:所有的div画圆 300*300 文本垂直居中放大
   所有的圆加不同颜色
*/
div{
	width: 300px;
	height: 300px;
	border: 5px solid black;
	border-radius: 50%;
	font-size: 10em;
	text-align: center;
	line-height: 300px;
	float: left;
}
        .d1{
			
			background-color: blue;
		}	
		.d2{
			
			background-color: red;
		}
		.d3{
		
			background-color: pink;
		}
		.d4{
			background-color: greenyellow;
		
		}